<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content="width=device-width,initial-scale=1,maximum-scale=1" name="viewport">
    <meta content="telephone=no,email=no,address=no" name="format-detection">
    <meta content="on" http-equiv="x-dns-prefetch-control">
    <meta name="renderer" content="webkit" />
    <meta name="keyword" content="" />
    <meta name="description" content="" />
    <title>虚拟货币</title>
    <link rel="stylesheet" href="../../static/css/icon.css">
    <link rel="stylesheet" href="../../static/css/reset.css">
    <link rel="stylesheet" href="../../static/css/main.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../../static/vendor/html5shiv.min.js"></script>
    <script src="../../static/vendor/respond.min.js"></script>
    <script>
        alert("您的浏览器版本过低请升级！");
        location.href = "http://outdatedbrowser.com/zh-cn";
    </script>
    <![endif]-->
</head>
<body>
<div id="app">
    <!------header----->
    <header id="header" class="inner-header">
        <div class="header-left">
            <a class="logo" href="index.html"><img src="../../static/images/basic/logo.png" alt=""></a>
            <ul class="nav">
                <li><a href="">首页</a></li>
                <li><a href="">交易中心</a></li>
                <li class="active"><a href="">行情中心</a></li>
                <li><a href="">个人中心</a></li>
            </ul>
        </div>
        <div class="header-right">
            <div class="header-right-item">
                <a class="asset-center edge-item" href="javascript:;">资产中心</a>
                <div class="head-member-cont asset-menu head-menu">
                    <div class="quick-menu-list">
                        <ul>
                            <li><a href=""><i class="iconfont icon-zichanguanli"></i><span>账户资产</span></a></li>
                            <li><a href=""><i class="iconfont icon-mx"></i><span>账户明细</span></a></li>
                            <li><a href=""><i class="iconfont icon-zhanghaoguanli"></i><span>资金账号</span></a></li>
                            <li><a href=""><i class="iconfont icon-zijinguanli"></i><span>资金管理</span></a></li>
                            <li><a href=""><i class="iconfont icon-qiapian"></i><span>我的 Coins</span></a></li>
                            <li><a href=""><i class="iconfont icon-jihua"></i><span>节点计划</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="header-right-item">
                <a class="order" href="">订单</a>
            </div>
            <div class="header-right-item">
                <a class="username edge-item" href="javascript:;">天天来王者</a>
                <div class="head-member-cont username-menu head-menu">
                    <div class="vip">
                        <span>vip1</span>
                    </div>
                    <div class="protect-setting-notice">
                        <div>您已经设置3个保护项，还有3个可设置</div>
                        <a href="">保护项设置</a>
                    </div>
                    <div class="quick-menu-list">
                        <ul>
                            <li><a href=""><i class="iconfont icon-anquan"></i><span>账号安全</span></a></li>
                            <li><a href=""><i class="iconfont icon-jjr"></i><span>金牌经纪人</span></a></li>
                            <li><a href=""><i class="iconfont icon-api"></i><span>API访问</span></a></li>
                            <li><a href=""><i class="iconfont icon-history"></i><span>登陆历史</span></a></li>
                            <li><a href=""><i class="iconfont icon-approve"></i><span>实名认证</span></a></li>
                            <li><a href=""><i class="iconfont icon-tc"></i><span>安全退出</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="header-right-item">
                <div class="language">
                    <span>简体中文</span>
                    <i class="icon" href="javascript:;"></i>
                </div>
                <div class="language-list head-menu">
                    <div class="item"><a href="">简体中文</a></div>
                    <div class="item"><a href="">繁体中文</a></div>
                    <div class="item"><a href="">English</a></div>
                    <div class="item"><a href="">简体中文</a></div>
                    <div class="item"><a href="">繁体中文</a></div>
                    <div class="item"><a href="">English</a></div>
                    <div class="item"><a href="">简体中文</a></div>
                    <div class="item"><a href="">繁体中文</a></div>
                </div>
            </div>
        </div>
    </header>
    <!----login--->
    <section class="login">
        <canvas id="canvas"></canvas>
        <div class="login-cont">
            <div class="login-title"><img src="../../static/images/basic/reg.png" alt=""></div>
            <div class="reg-tab">
                <div class="tab-title">
                    <a href="">手机注册</a>
                    <a href="">邮箱注册</a>
                </div>
                <div class="login-form">
                    <div class="tab-item">
                        <div class="form-item">
                            <input class="text" name="phone" type="text" placeholder="请输入手机号">
                        </div>
                        <div class="form-item form-code-item">
                            <input class="text" type="text" placeholder="验证码">
                            <div class="code"><img src="../../static/images/code.jpg" alt=""></div>
                        </div>
                        <div class="form-item form-get-code-item">
                            <input class="text" type="text" placeholder="短信验证码">
                            <button class="get-code">获取验证码</button>
                        </div>
                        <div class="form-item">
                            <input class="text" type="password" placeholder="输入密码">
                        </div>
                        <div class="form-item">
                            <input class="text" type="password" placeholder="再次输入密码">
                        </div>
                        <div class="form-item">
                            <input class="text" type="text" placeholder="邀请码(选填)">
                        </div>
                    </div>
                    <div class="tab-item">
                        <div class="form-item">
                            <input class="text" type="text" placeholder="请输入邮箱地址">
                        </div>
                        <div class="form-item form-code-item">
                            <input class="text" type="text" placeholder="验证码">
                            <div class="code"><img src="../../static/images/code.jpg" alt=""></div>
                        </div>
                        <div class="form-item form-get-code-item">
                            <input class="text" type="text" placeholder="邮箱验证码">
                            <button class="get-code">获取验证码</button>
                        </div>
                        <div class="form-item">
                            <input class="text" type="password" placeholder="输入密码">
                        </div>
                        <div class="form-item">
                            <input class="text" type="password" placeholder="再次输入密码">
                        </div>
                        <div class="form-item">
                            <input class="text" type="text" placeholder="邀请码(选填)">
                        </div>
                    </div>
                    <div class="form-item form-spe-item">
                        <label class="agree-protocol" for="agree-protocol-control">
                            阅读并同意 <a href="">《币赢网-Coinw用户协议》</a>
                            <input type="checkbox" value="" id="agree-protocol-control">
                        </label>
                    </div>
                    <div class="form-item">
                        <button class="submit-btn">注册</button>
                    </div>
                    <div class="form-item form-spe-item form-spe-last-item">
                        <span>已有账户？<a href="">请登录</a></span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-----footer------>
    <footer class="footer">
        <div class="footer-top">
            <div class="left">
                <img src="../../static/images/basic/logo.png" alt="">
                <div>数字资产交易平台</div>
            </div>
            <div class="right">
                <div class="fast-link-item">
                    <div class="link-title">用户支持</div>
                    <div class="link-list">
                        <ul>
                            <li><a href="">问题反馈</a></li>
                            <li><a href="">服务条款</a></li>
                            <li><a href="">免责申明</a></li>
                            <li><a href="">隐私保护</a></li>
                        </ul>
                    </div>
                </div>
                <div class="fast-link-item">
                    <div class="link-title">新手帮助</div>
                    <div class="link-list">
                        <ul>
                            <li><a href="">充值指南</a></li>
                            <li><a href="">交易指南</a></li>
                            <li><a href="">上币申请及说明</a></li>
                        </ul>
                    </div>
                </div>
                <div class="fast-link-item">
                    <div class="link-title">法律</div>
                    <div class="link-list">
                        <ul>
                            <li><a href="">用户协议</a></li>
                            <li><a href="">隐私条款</a></li>
                            <li><a href="">法律申明</a></li>
                        </ul>
                    </div>
                </div>
                <div class="fast-link-item contact-us">
                    <div class="link-title">联系我们</div>
                    <div class="contact-us-cont">
                        <div class="text">
                            联系电话：0556-2750026 <br>
                            客服邮箱：15200325811@163.com <br>
                            通讯地址：江苏省南京市 <br>
                        </div>
                        <div class="share">
                            <a href="" class="share-btn share-wechat"></a>
                            <a href="" class="share-btn share-weibo"></a>
                            <a href="" class="share-btn share-twitter"></a>
                            <a href="" class="share-btn share-strange"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="friend-link">
                <span>友情链接：</span>
                <a href="">比特币</a>
                <a href="">btctrade</a>
                <a href="">国际站</a>
                <a href="">以太币</a>
                <a href="">以太坊</a>
                <a href="">数字货币</a>
                <a href="">巴比特币</a>
                <a href="">看比特币</a>
                <a href="">火币网</a>
                <a href="">比特币矿机</a>
                <a href="">比特时代</a>
                <a href="">比特币新闻</a>
                <a href="">投资理财</a>
                <a href="">导航理财</a>
                <a href="">资讯链接财经</a>
                <a href="">以太币</a>
                <a href="">以太坊</a>
                <a href="">数字货币</a>
                <a href="">巴比特币</a>
                <a href="">看比特币</a>
                <a href="">火币网</a>
                <a href="">比特币矿机</a>
                <a href="">比特时代</a>
                <a href="">比特币新闻</a>
            </div>
            <div class="copyright">
                @2014-2018  coinw.com   all rights reserved
            </div>
        </div>
    </footer>
</div>
<script src="../../static/vendor/jquery.min.js"></script>
<script src="../../static/vendor/layer/layer.js"></script>
<script src="../../static/vendor/vue.min.js"></script>
<script src="../../static/vendor/vue-i18n.min.js"></script>
<script src="../../static/js/main.js"></script>
<script>
    $(function(){

        //注册方式的tab
        initTab(".reg-tab");

        //背景初始化
        loginBgInit();

        //获取验证码
        $(".get-code").each(function(){
            $(this).on("click",function(){
                var phoneVal = $('input[name=phone]').val();
                if( !$.trim(phoneVal) ){
                    layer.msg("请输入手机号");
                    return false;
                }
                if( !checkPhone(phoneVal) ){
                    layer.msg("请输入一个正确的手机号");
                    return false;
                }
                getCode(this,60)
            })
        });

        function checkPhone(value){
            return (/^1(3|4|5|7|8)\d{9}$/.test(value))
        }

        //阅读并同意
        $(".agree-protocol").on("click",function(){
            var flag = $("#agree-protocol-control").prop("checked");
            if( flag ){
                $(this).addClass("checked");
            }else{
                $(this).removeClass("checked");
            }
        })

    });
</script>
</body>
</html>